<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/app.css" />
		<link rel="stylesheet" type="text/css" href="css/spu.css" />
	</head>
	<body>
		<div id="spu">
			<div class="containner flex justify-between item-start">
				<div class="spu-ablum-bar"><img src="img/group1/M00/00/00/267-f6f053033cf23fb0.jpg" width="450px"
						height="450px" class="rounded hand">
					<div class="mt-10 spu-ablum-group flex item-center">
						<div class="spu-ablum-left hand">&lt;</div>
						<div class="spu-ablum-center">
							<table border="0px" cellpadding="0px" cellspacing="0px">
								<tr>
									<td><img width="90px" height="90px"
											src="img/group1/M00/00/00/267-f6f053033cf23fb0.jpg"
											class="spu-ablum-item hand active"></td>
									<td><img width="90px" height="90px"
											src="img/group1/M00/00/00/267-0797a05dd6094aa3.jpg"
											class="spu-ablum-item hand"></td>
									<td><img width="90px" height="90px"
											src="img/group1/M00/00/00/267-bd65b2fbf8a7a648.jpg"
											class="spu-ablum-item hand"></td>
									<td><img width="90px" height="90px"
											src="img/group1/M00/00/00/267-18552e284063eab1.png"
											class="spu-ablum-item hand"></td>
									<td><img width="90px" height="90px"
											src="img/group1/M00/00/00/267-fec6c0b3703b0c4c.png"
											class="spu-ablum-item hand"></td>
									<td><img width="90px" height="90px"
											src="img/group1/M00/00/00/267-5b81ae4b2f7f3bb7.png"
											class="spu-ablum-item hand"></td>
									<td><img width="90px" height="90px"
											src="img/group1/M00/00/00/267-ef6a39b9d7d64b75.png"
											class="spu-ablum-item hand"></td>
									<td><img width="90px" height="90px"
											src="img/group1/M00/00/00/267-eb9bfd8e82e55b68.png"
											class="spu-ablum-item hand"></td>
									<td><img width="90px" height="90px"
											src="img/group1/M00/00/00/267-8cbc830bf178e0db.png"
											class="spu-ablum-item hand"></td>
								</tr>
							</table>
						</div>
						<div class="spu-ablum-right hand">&gt;</div>
					</div>
				</div>
				<div class="spu-info-bar">
					<div class="text-left text-xl bold dark">小米电视4A 60英寸 智能电视 小米电视4A 60英寸 销售冠军</div>
					<div class="text-left text-xl mt-10"><span class="red weight">现价：</span><span
							class="red weight sku-price">￥2599</span><span
							class="gray bold text-md ml-20">原价：</span><span
							class="gray bold sku-original-price">￥2599</span></div>
					<div class="text-left bold gray text-lg my-20"> 库存：100 </div>
					<div class="flex item-start sku-attr my-5">
						<div class="sku-attr-name text-left gray text-lg bold">尺寸</div>
						<div class="sku-attr-group flex wrap item-center">
							<div
								class="sku-attr-item gray bold text-md rounded hand pr-10 my-5 flex item-center mx-5 active">
								<img src="img/group1/M00/00/00/267-f6f053033cf23fb0.jpg" height="34px">
								<div>小米电视4A 60英寸 销售冠军</div>
							</div>
							<div class="sku-attr-item gray bold text-md rounded hand pr-10 my-5 flex item-center mx-5">
								<img src="img/group1/M00/00/00/268-82829d4ff153f083.jpg" height="34px">
								<div>小米电视全面屏E55X</div>
							</div>
							<div class="sku-attr-item gray bold text-md rounded hand pr-10 my-5 flex item-center mx-5">
								<img src="img/group1/M00/00/00/269-155a8cae81c32dbb.jpg" height="34px">
								<div>小米电视金属全面屏E55S</div>
							</div>
							<div class="sku-attr-item gray bold text-md rounded hand pr-10 my-5 flex item-center mx-5">
								<img src="img/group1/M00/00/00/270-17f12401c3fad579.jpg" height="34px">
								<div>Redmi 金属全面屏X55</div>
							</div>
						</div>
					</div>
					<div class="mt-20 flex item-center"><input type="number" min="1" class="buy-number hand"><button
							class="btn-cart hand mx-20">加入购物车</button><button class="btn-buy hand">立即购买</button></div>
				</div>
			</div>
			<div class="containner mt-20">
				<div class="px-20 py-20 rounded box-shadow"> <img src="img/spu_introduce_01.jpg" width="100%">
				</div>
			</div>
		</div>
	</body>
</html>
